.banner .container {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
}

/* main 样式 */

.cooperate-img {
    width: 100%;
    height: auto;
}

/* 底部企业轮播 样式 */
.out-more-cooperate-swiper{
  width: 80%;
  height: 100%;
  position: relative;
  left: 10%;
  /* 将默认的翻页按钮大小设置为0 */
  --swiper-navigation-size: 0;
}
  
.more-cooperate-swiper{
  width: 80%;
  height: 100%;
}

.swiper-button-next,
.swiper-button-prev {
  width: 90px;
  height: 90px;
  background-size: 90px 90px;
  transform: translateY(-50%);
}

.swiper-button-prev {
  background-image: url(../icon/pre-icon.svg);
}

.swiper-button-next {
  background-image: url(../icon/next-icon.svg);
}

.bg-card-body {
  border-radius: 0.5rem;
  border: 0;
  margin-top: 3rem;
}

.bg-card-body:hover {
  transition: transform .3s ease-in-out;
  transform: translateY(-10px);
}
  
.bg-card-body-top {
  background-image: linear-gradient(to top, #C9D6FF, #E0E7FF);
  background-repeat: no-repeat;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border: 0;
}
  
.card-body-img {
  width: 6rem;
}

@media(max-width: 1600px) {

  .swiper-button-next,
  .swiper-button-prev {
    width: 74px;
    height: 74px;
    background-size: 74px 74px;
  }

  .bg-card-body {
    margin-top: 2rem;
  }

  .card-body-img {
    width: 4.4rem;
  }
}

@media(max-width: 1280px) {

}

@media(max-width: 992px) {

  /* 底部企业轮播 样式 */
  .out-more-cooperate-swiper{
    width: 85%;
    left: 7%;
  }

  .more-cooperate-swiper{
    width: 80%;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 56px;
    height: 56px;
    background-size: 56px 56px;
  }

  .swiper-button-next {
    left: 95%;
    right: auto;
  }

  .swiper-button-prev {
    right: 95%;
    left: auto;
  }

  .bg-card-body {
    margin-top: 1rem;
  }

  .card-body-img {
    width: 3.8rem;
  }
}
  
@media (max-width: 767px) {

  /* 底部企业轮播 样式 */
  .out-more-cooperate-swiper{
    width: 90%;
    left: 5%;
  }

  .more-cooperate-swiper{
    width: 80%;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 37.5px;
    height: 37.5px;
    background-size: 37.5px 37.5px;
  }

  .swiper-button-next {
    left: 95%;
    right: auto;
  }

  .swiper-button-prev {
    right: 95%;
    left: auto;
  }
}